{* Calendar template 
For Doremi Shop project
Template based on Google Calendar template
*}
<link rel="stylesheet" type="text/css" href="{$smarty.const.THEME_RELATIVE}modules/calendarmodule/css/google_calendar.css">
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/calendarmodule/js/calendar.js"></script>

{* Begin of content panel*}
<div id="abpv_loadingDiv">
	<img src="{$smarty.const.THEME_RELATIVE}modules/calendarmodule/images/loading.gif">
</div>

<div id="floatbox_wrapper">
	<div id="ab_calendar_dialog" style="z-index: 1001; width: 400px; left: 168px; top: 125px;  display: none;" class="bubble has-bottom-prong"><div class="bubblemain"><div id="bubbleClose:d" class="bubbleclose"></div><div class="bubblecontent" id="bubbleContent:d"><div><div class="eb-root"><div class="eb-header"><div class="eb-rb-default goog-inline-block" id=":eeventColor" style="background-color: #9FC6E7; border-color:#1587BD;"><div class="eb-dropdown-indicator"></div></div><div id="mtb" class="eb-title goog-inline-block" style="color:#1587BD"><div class="ui-sch"><div class="ui-sch-schmedit">test3</div></div></div><div id="ab_dialog_date" class="eb-date">th 2, 31 tháng mười, 06:30 – 08:00</div><div id="ab_dialog_content" >&nbsp;</div></div><div class="eb-footer"><span class="eb-actions-right"><a href="javascript:void(0);" class="eb-action eb-details-link lk" rel=-1>{$_TR.edit_event2} »</a></span><span class="eb-actions-left"><a  href="javascript:void(0);" class="eb-action-link lk" rel=-1>Xóa sự kiện</a></span></div></div></div></div><div id="prong:d" class="bottom-prong" style="left: 182px; "><div class="prong-dk"></div><div class="prong-lt"></div></div></div></div>
</div>
{* End of float box *}

{* Begin of top button *}
<div class="calendarmodule">
	<div id="mainnav" >
		<div id="fastui-topnav-container">
			<div id="topLeftNavigation">
				<div id="t1">
					<div class="noprint">
						<div class="-nav">
							<div class="date-controls">
								<table class="nav-table" cellpadding="0" cellspacing="0" border="0"><tbody>
										<tr>
											<td class="date-nav-today">
												<div id="todayButton">
													<div class="goog-inline-block goog-imageless-button" title="" role="button" style="-webkit-user-select: none; " tabindex="0">
														<div class="goog-inline-block goog-imageless-button-outer-box">
															<div class="goog-inline-block goog-imageless-button-inner-box">
																<div class="goog-imageless-button-pos">
																	<div class="goog-imageless-button-top-shadow">&nbsp;
																	</div>
																	<div class="goog-imageless-button-content">Hôm nay
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</td>
											<td class="date-nav-prev-next">

												<div id="navBack" tabindex="0" role="button" title="Khoảng thời gian trước đó" class="navbuttonouter navBackOuter goog-inline-block">

													<div class="navbutton navBack goog-inline-block">
													</div>
												</div>

												<div id="navForward" tabindex="0" role="button" title="Khoảng thời gian tiếp theo" class="navbuttonouter navForwardOuter goog-inline-block">

													<div class="navbutton navForward goog-inline-block">
													</div>
												</div>
											</td>
											<td id="dateBox:0" class="date-picker-off">

												<div id="currentDate" class="date-top">
												</div>
											</td>
										</tr></tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="topRightNavigation">

				<div class="button-strip goog-inline-block button-strip-over" title="Chế độ xem">

					<div class="trans-strip goog-inline-block">
					</div>

					<div class="goog-inline-block goog-imageless-button goog-imageless-button-collapse-right" title="" aria-pressed="true" role="button" style="-webkit-user-select: none; " tabindex="0">

						<div class="goog-inline-block goog-imageless-button-outer-box">

							<div class="goog-inline-block goog-imageless-button-inner-box">

								<div class="goog-imageless-button-pos">

									<div class="goog-imageless-button-top-shadow">&nbsp;
									</div>

									<div class="goog-imageless-button-content">Ngày
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="goog-inline-block goog-imageless-button goog-imageless-button-checked goog-imageless-button-collapse-left goog-imageless-button-collapse-right" title="" aria-pressed="true" role="button" style="-webkit-user-select: none; " tabindex="0">

						<div class="goog-inline-block goog-imageless-button-outer-box">

							<div class="goog-inline-block goog-imageless-button-inner-box">

								<div class="goog-imageless-button-pos">

									<div class="goog-imageless-button-top-shadow">&nbsp;
									</div>

									<div class="goog-imageless-button-content">Tuần
									</div>
								</div>
							</div>
						</div>
					</div>
					{*
					<div class="goog-inline-block goog-imageless-button goog-imageless-button-collapse-left goog-imageless-button-collapse-right" title="" aria-pressed="true" role="button" style="-webkit-user-select: none; " tabindex="0">

						<div class="goog-inline-block goog-imageless-button-outer-box">

							<div class="goog-inline-block goog-imageless-button-inner-box">

								<div class="goog-imageless-button-pos">

									<div class="goog-imageless-button-top-shadow">&nbsp;
									</div>

									<div class="goog-imageless-button-content">Tháng
									</div>
								</div>
							</div>
						</div>
					</div>
					*}
				</div>

				<div class="goog-inline-block goog-imageless-button icon-button" title="In lịch của tôi(hiển thị xem trước)" role="button" style="-webkit-user-select: none; " id="mg-print" tabindex="0">

					<div class="goog-inline-block goog-imageless-button-outer-box">

						<div class="goog-inline-block goog-imageless-button-inner-box">

							<div class="goog-imageless-button-pos">

								<div class="goog-imageless-button-top-shadow">&nbsp;
								</div>

								<div class="goog-imageless-button-content">
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="goog-inline-block goog-imageless-button icon-button" title="Làm mới" role="button" style="-webkit-user-select: none; " id="mg-refresh" tabindex="0">

					<div class="goog-inline-block goog-imageless-button-outer-box">

						<div class="goog-inline-block goog-imageless-button-inner-box">

							<div class="goog-imageless-button-pos">

								<div class="goog-imageless-button-top-shadow">&nbsp;
								</div>

								<div class="goog-imageless-button-content">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{* End of top button *}

	<div style="clear: both;"></div>

	{* Begin of Calendar content *}
	<div id="gridcontainer" style="overflow-y: visible; " class="">
		<div id="scrolltimedeventswk" class="wbkt wk-scrolltimedevents" >
			<div class="tg-mainwrapper">
				<table id="tgTable" class="tg-timedevents" cellpadding="0" cellspacing="0" ><tbody>
				<tr class="tg-label">
					<td class="tg-gmt wk-tzlabel">GMT +7</td>
					<td class="tg-col">T2<br><span></span></td>
					<td class="tg-col">T3<br><span></span></td>
					<td class="tg-col">T4<br><span></span></td>
					<td class="tg-col">T5<br><span></span></td>
					<td class="tg-col">T6<br><span></span></td>
					<td class="tg-col">T7<br><span></span></td>
					<td class="tg-col">CN<br><span></span></td>
				</tr>
				<tr height="1">
					<td style="width:60px;">
					</td>
					<td colspan="7">
						<div class="tg-spanningwrapper">
							<div class="tg-hourmarkers">
								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">

									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>

								<div class="tg-markercell">
									<div class="tg-dualmarker">
									</div>
								</div>
							</div>
						</div>

						<div class="tg-spanningwrapper tg-chipspanningwrapper" id="tgspanningwrapper">
						</div>
					</td>
				</tr>
				<tr id="ab_calendar_cols">
				<td class="tg-times-pri">
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">07:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">08:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">09:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">10:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">11:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">12:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">13:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">14:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">15:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">16:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">17:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">18:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">19:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">20:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">21:00
						</div>
					</div>
					<div style="height:42px;">
						<div class="tg-time-pri" style="height:41px;">22:00
						</div>
					</div>
					<div id="tgnowptr" class="tg-nowptr" style="left:0px;top:367px;">
					</div>
				</td>
				<td class="tg-col">

					<div id="tgCol0" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

						<div class="tg-gutter">
						</div>
					</div>

					<div id="tgOver0" class="tg-col-overlaywrapper">
					</div>
				</td>
				<td class="tg-col">

					<div id="tgCol1" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

						<div class="tg-gutter">
						</div>
					</div>

					<div id="tgOver1" class="tg-col-overlaywrapper">
					</div>
				</td>
				<td class="tg-col">
			</div>

			<div id="tgCol2" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

				<div class="tg-gutter">
				</div>
			</div>

			<div id="tgOver2" class="tg-col-overlaywrapper"></div>
		</div>
		</td>
		<td class="tg-col">

			<div id="tgCol3" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

				<div class="tg-gutter">
				</div>
			</div>

			<div id="tgOver3" class="tg-col-overlaywrapper">
			</div>
		</td>
		<td class="tg-col">

			<div id="tgCol4" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

				<div class="tg-gutter">
				</div>
			</div>

			<div id="tgOver4" class="tg-col-overlaywrapper">
			</div>
		</td>
		<td class="tg-col tg-weekend">

			<div id="tgCol5" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

				<div class="tg-gutter">
				</div>
			</div>

			<div id="tgOver5" class="tg-col-overlaywrapper">
			</div>
		</td>
		<td class="tg-col tg-weekend">

			<div id="tgCol6" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;">

				<div class="tg-gutter">
				</div>
			</div>

			<div id="tgOver6" class="tg-col-overlaywrapper">
			</div>
		</td>
		</tr></tbody>
		</table>
	</div>
</div>

<div id="bottomcontainerBorderwk" class="wk-border">
</div>
</div>

{* For Javascript calling *}
<script language="javascript">
	var link_url="{$smarty.const.URL_FULL}index.php?module=calendarmodule&action=getdata&src={$__loc->src}";
	var today={$time};
	var today_begin={$begin_of_today};
	var wfirst_day={$wfirst_day};
	var wlast_day={$wlast_day};
	// backup, for Today button
	var bkwfirst_day={$wfirst_day};
	var bkwlast_day={$wlast_day};
	__abpv_SetDefaultSource('{$__loc->src}');

	var lang_month="{$_TR.month}";
	var lang_Cmonth="{$_TR.Cmonth}";
	var color_waiting="{$modconfig->color_waiting}";
	var color_not_approve="{$modconfig->color_not_approve}";
</script>
{* End of Javascript calling *}

{* Permission *}
{permissions level=$smarty.const.UILEVEL_NORMAL}
	{if $permissions.post == 1}
	<a class="addbutton" href="{link action=edit}" title="{$_TR.alt_create}">{$_TR.create}</a>
	{/if}
	{if $canview_approval_link == 1}
	{br}
	<a class="view_approval" href="{link action=manage}" title="{$_TR.alt_approval}">{$_TR.view_approval}</a>
	{/if}
	{if $modconfig->enable_categories == 1}
		{if $permissions.manage_categories == 1}
			{br}
			<a href="{link module=categories orig_module=calendarmodule action=manage}" class="categorybutton">{$_TR.manage_categories}</a>
		{/if}
	{/if}
	{/permissions}
</div>